import { Link } from '@brillout/docpress'
import { DataArchitecture, Example } from '../../components'

<DataArchitecture
  toolName={'Relay'}
  toolLink={'https://relay.dev/'}
  isGeneric={false}
  toolType="graphql"
  toolDocs={<a href="https://github.com/facebook/relay/issues/3468#issuecomment-824872147">Relay &gt; #3468 - SSR docs (comment)</a>}
/>

## React Streaming

For using Relay with React Streaming, see:
 - <Link href="/streaming#initial-data-after-stream-end" />
 - [Relay - #3762 React 18 docs](https://github.com/facebook/relay/issues/3762)

## Example

Example of a deep Relay integration with React 18's new SSR Suspense Render-as-you-Fetch architecture:
 - <Example timestamp="2022.08" repo="XiNiHa/vilay" />
